@color: #00a0e9;

.body {
    min-width: 100%;

    .container {
        width: 1180px;
        margin: 0 auto;
        overflow: hidden;

        h3 {
            width: 300px;
            text-align: center;
            font-size: 20px;
            margin: 0 auto;
            margin-top: 40px;
            margin-bottom: 30px;
        }

        p {
            text-indent: 2em;
            font-size: 16px;
            line-height: 30px;
        }

        .slider-box {
            width: 850px;
            height: 190px;
            position: relative;
            margin: 0 auto;
            margin-top: 80px;
            margin-bottom: 100px;

            .swiper-prev {
                width: 58px;
                height: 58px;
                position: absolute;
                left: -90px;
                top: 40%;
                background: url(../images/swiper-prev.png) no-repeat;
                z-index: 999;
                cursor: pointer;
            }

            .swiper-next {
                width: 58px;
                height: 58px;
                position: absolute;
                right: -90px;
                top: 40%;
                background: url(../images/swiper-next.png) no-repeat;
                z-index: 999;
                cursor: pointer;
            }

            .swiper-container {

                width: 850px;
                height: 190px;
                overflow: hidden;
                position: relative;

                ul {
                    overflow: hidden;
                    position: absolute;
                    width: 1000%;
                    left: 0;

                    li {
                        width: 265px;
                        float: left;
                        height: 190px;
                        padding: 0 10px;
                    }
                }
            }
        }
    }

}